$fontSize = 16px;
$fontCol = #fff;
$bgCol = #843d99;
$col888 = #888;
$col666 = #666;
$col333 = #333;
html,body,#app
    height: 100%;
    color:#333;
f_times(a,b = 16px)
   return b * a

.mar_1
    margin:$fontSize;

.mar_05
    margin:$fontSize * 0.5;

.mar_t0
    margin-top:0;
    
.mar_t1
    margin-top:$fontSize;

.pad_t0
    padding-top: 0 !important;

.pad_b0
    padding-bottom: 0 !important;

.pad_b05
    padding-bottom: $fontSize * 0.5 !important;

.pad_t1
    padding-top: $fontSize !important;

.pad_t05
    padding-top: $fontSize * 0.5 !important;

.pad_1
    padding: $fontSize;

.pad_05
    padding: $fontSize * 0.5 !important;

.fz12
    font-size: $fontSize * 1.2;

.fz08
    font-size: $fontSize * 0.8;

.fz06
    font-size: $fontSize * 0.6;

.padr_1
    padding-right: $fontSize;

.wd_50
    width:50%;

.wd_100
    width:100%;

.bg_w
    background-color: $fontCol !important;

.bg_d
    background-color: $bgCol;

.bg_f2
    background-color: #f2f2f2;

.fc-8b
    color: #8b8b8b;

.fc_333
    color: $col333;

.fc_purple
    color:$bgCol;

.bs_bb
    box-sizing: border-box;
    
.line
    width:100%;
    height:0;
    border-bottom: 1px solid #f2f2f2;

input::-webkit-input-placeholder
    color:#999;   

input
    outline:none;
.img4 {
  width: f_times(1.8)
}

.img5 {
  width: f_times(1.2)
}

.bs_bb {
  box-sizing: border-box;
}

.fc_be {
  color: #bebebe;
}

.wd_100 {
  width: 100%;
}

.bg_w {
  background-color: $fontSize;
}

.bg_d {
  background-color: $bgCol;
}

.bg_f2 {
  background-color: #f2f2f2;
}

.fz08 {
  font-size: f_times(0.8);
}

.fz06 {
  font-size: f_times(0.6);
}

.fz12 {
  font-size: f_times(1.2);
}

.pad_b05 {
  padding-bottom: f_times(0.5) !important;
}

.pad_b0 {
  padding-bottom: 0 !important;
}
.pad_b1 {
  padding-bottom: $fontSize !important;
}

.mar_t05 {
  margin-top: f_times(.5)
}

.pad_b0 {
  padding-bottom: 0 !important;
}

.margin-l05 {
  margin-left: f_times(.5)
}

.margin-l1 {
  margin-left: f_times(1)
}

.wd_30 {
  width: 30%;
}
.bb{
  border-bottom: 1px solid #eee;
}
.mar_b1{
  margin-bottom : $fontSize
}
.bg-E{
    background-color:#eee
}
.clearfix:before,
.clearfix:after
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;

.clearfix
    :after {clear: both;}
.clearfix
     zoom: 1;
.fc_888
    color: $col888;
.fc_otx
    color: #FF9E04;
.pad_t1
    padding-top: $fontSize !important;
.mar_l1
    margin-left:$fontSize;



